<template>
  <div class="school">
    <!-- ============================  头部 =========================== -->
    <Header></Header>
    <!--恋爱学堂-->
    <div class="grid_3">
  <div class="container">
   <div class="breadcrumb1">
     <ul>
        <a href="index.html"><i class="fa fa-home home_1"></i></a>
        <span class="divider"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">&nbsp;|&nbsp;</font></font></span>
        <li class="current-page"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">已发送</font></font></li>
     </ul>
   </div>
   <div class="col-md-3 col_5">
   	 <ul class="match_box">
   	 	<h4><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">火柴</font></font></h4>
   	 	<li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">相互比赛</font></font></a></li>
   	 	<li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">尚未查看的个人资料</font></font></a></li>
   	 	<li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">相互比赛</font></font></a></li>
   	 </ul>
   	 <ul class="menu">
		<li class="item1"><h3 class="m_2"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">显示创建的配置文件</font></font></h3>
		  <ul class="cute">
			<li class="subitem1"><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">一周之内（2） </font></font></a></li>
			<li class="subitem2"><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">一个月内（4）</font></font></a></li>
		  </ul>
		</li>
		<li class="item1"><h3 class="m_2"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">个人资料类型</font></font></h3>
		  <ul class="cute">
			<li class="subitem1"><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">附照片（3） </font></font></a></li>
		  </ul>
		</li>
		<li class="item1"><h3 class="m_2"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">婚姻状况</font></font></h3>
		  <ul class="cute">
			<li class="subitem1"><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">未婚（2） </font></font></a></li>
		  </ul>
		</li>
		<li class="item1"><h3 class="m_2"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">母语</font></font></h3>
		  <ul class="cute">
			<li class="subitem1"><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">英语 </font></font></a></li>
		  </ul>
		</li>
		<li class="item1"><h3 class="m_2"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">教育</font></font></h3>
		  <ul class="cute">
			<li class="subitem1"><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">工程学士 </font></font></a></li>
			<li class="subitem1"><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">硕士工程 </font></font></a></li>
		  </ul>
		</li>
		<li class="item1"><h3 class="m_2"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">占用</font></font></h3>
		  <ul class="cute">
			<li class="subitem1"><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">非IT工程师（2） </font></font></a></li>
			<li class="subitem1"><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">软件专家（3）</font></font></a></li>
		  </ul>
		</li>
		<li class="item1"><h3 class="m_2"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">身体状况</font></font></h3>
		  <ul class="cute">
			<li class="subitem1"><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">普通（2） </font></font></a></li>
		  </ul>
		</li>
		<li class="item1"><h3 class="m_2"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">饮食习惯</font></font></h3>
		  <ul class="cute">
			<li class="subitem1"><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">非素食主义者（3）</font></font></a></li>
			<li class="subitem1"><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">素食主义者（2）</font></font></a></li>
		  </ul>
		</li>
		<li class="item1"><h3 class="m_2"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">抽烟</font></font></h3>
		  <ul class="cute">
			<li class="subitem1"><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">未指定（3）</font></font></a></li>
		  </ul>
		</li>
		<li class="item1"><h3 class="m_2"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">喝</font></font></h3>
		  <ul class="cute">
			<li class="subitem1"><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">未指定（3）</font></font></a></li>
			<li class="subitem1"><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">从不喝酒（3）</font></font></a></li>
		  </ul>
		</li>
		<li class="item1"><h3 class="m_2"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">资料创建者</font></font></h3>
		  <ul class="cute">
			<li class="subitem1"><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">自我（1）</font></font></a></li>
		  </ul>
		</li>
	  </ul>
   </div>
   <div class="col-md-9 members_box2">
   	   <h3><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">已发送</font></font></h3>
   	   <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">与普遍的看法相反，Lorem Ipsum不仅仅是简单的随机文本。</font><font style="vertical-align: inherit;">它起源于公元前45年的古典拉丁文学作品，距今已有2000多年的历史。</font><font style="vertical-align: inherit;">理查德·麦克林托克（Richard McClintock），汉普顿-悉尼学院（Hampden-Sydney College）的拉丁文教授。</font></font></p>
       <div class="col_4">
		    <div class="bs-example bs-example-tabs" role="tabpanel" data-example-id="togglable-tabs">
			   <ul id="myTab" class="nav nav-tabs nav-tabs1" role="tablist">
				  <li role="presentation" class="active"><a href="#home" id="home-tab" role="tab" data-toggle="tab" aria-controls="home" aria-expanded="true"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">所有</font></font></a></li>
				  <li role="presentation"><a href="#profile" role="tab" id="profile-tab" data-toggle="tab" aria-controls="profile"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">新</font></font></a></li>
				  <li role="presentation"><a href="#profile1" role="tab" id="profile-tab" data-toggle="tab" aria-controls="profile"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">读</font></font></a></li>
				  <li role="presentation"><a href="#profile2" role="tab" id="profile-tab" data-toggle="tab" aria-controls="profile"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">公认</font></font></a></li>
				  <li role="presentation"><a href="#profile3" role="tab" id="profile-tab" data-toggle="tab" aria-controls="profile"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">没兴趣</font></font></a></li>
				  <li role="presentation"><a href="#profile4" role="tab" id="profile-tab" data-toggle="tab" aria-controls="profile"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">已回复</font></font></a></li>
			   </ul>
			   <div id="myTabContent" class="tab-content">
				  <div role="tabpanel" class="tab-pane fade in active" id="home" aria-labelledby="home-tab">
				    <ul class="pagination pagination_1">
				 	  <li class="active"><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">1个</font></font></a></li>
				 	  <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">2</font></font></a></li>
				 	  <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">3</font></font></a></li>
				 	  <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">4</font></font></a></li>
				 	  <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">5</font></font></a></li>
				 	  <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">...</font></font></a></li>
				 	  <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">下一个</font></font></a></li>
	                </ul>
	                <div class="clearfix"> </div>
	                <div class="jobs-item with-thumb">
	                   <div class="thumb_top">
				        <div class="thumb"><a href="view_profile.html"><img src="images/p17.jpg" class="img-responsive" alt=""></a></div>
					    <div class="jobs_right">
							<h6 class="title"><a href="view_profile.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">洛雷姆（2547189）</font></font></a></h6>
							<ul class="top-btns">
							  <li><a href="#" class="fa fa-facebook"></a></li>
							  <li><a href="#" class="fa fa-twitter"></a></li>
							  <li><a href="#" class="fa fa-google-plus"></a></li>
							</ul>
							<ul class="login_details1">
							  <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">上次登录：5天前</font></font></li>
							</ul>
							<p class="description"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">30年，5 Ft 7 In / 170 Cms | </font></font><span class="m_1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Reliogion</font></font></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">：印度教| </font></font><span class="m_1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">教育程度</font></font></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">：B.Tech | </font></font><span class="m_1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">职业</font></font></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">：Software Professional </font></font><br><a href="view_profile.html" class="read-more"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">查看完整个人资料</font></font></a></p>
						</div>
						<div class="clearfix"> </div>
					   </div>
					   <div class="thumb_bottom">
					   	  <div class="thumb"><a href="view_profile.html" class="photo_view"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">添加照片</font></font></a></div>
					   	   <div class="thumb_but"><a href="view_profile.html" class="photo_view"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">发邮件</font></font></a></div>
					   	  <div class="clearfix"> </div>
					   </div>
					  </div>
					  <div class="jobs-item with-thumb">
	                   <div class="thumb_top">
				        <div class="thumb"><a href="view_profile.html"><img src="images/p16.jpg" class="img-responsive" alt=""></a></div>
					    <div class="jobs_right">
							<h6 class="title"><a href="view_profile.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">洛雷姆（2547189）</font></font></a></h6>
							<ul class="top-btns">
							  <li><a href="#" class="fa fa-facebook"></a></li>
							  <li><a href="#" class="fa fa-twitter"></a></li>
							  <li><a href="#" class="fa fa-google-plus"></a></li>
							</ul>
							<ul class="login_details1">
							  <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">上次登录：5天前</font></font></li>
							</ul>
							<p class="description"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">30年，5 Ft 7 In / 170 Cms | </font></font><span class="m_1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Reliogion</font></font></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">：印度教| </font></font><span class="m_1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">教育程度</font></font></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">：B.Tech | </font></font><span class="m_1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">职业</font></font></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">：Software Professional </font></font><br><a href="view_profile.html" class="read-more"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">查看完整个人资料</font></font></a></p>
						</div>
						<div class="clearfix"> </div>
					   </div>
					   <div class="thumb_bottom">
					   	  <div class="thumb"><a href="view_profile.html" class="photo_view"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">添加照片</font></font></a></div>
					   	   <div class="thumb_but"><a href="view_profile.html" class="photo_view"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">发邮件</font></font></a></div>
					   	  <div class="clearfix"> </div>
					   </div>
					  </div>
					  <div class="jobs-item with-thumb">
	                   <div class="thumb_top">
				        <div class="thumb"><a href="view_profile.html"><img src="images/p15.jpg" class="img-responsive" alt=""></a></div>
					    <div class="jobs_right">
							<h6 class="title"><a href="view_profile.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">洛雷姆（2547189）</font></font></a></h6>
							<ul class="top-btns">
							  <li><a href="#" class="fa fa-facebook"></a></li>
							  <li><a href="#" class="fa fa-twitter"></a></li>
							  <li><a href="#" class="fa fa-google-plus"></a></li>
							</ul>
							<ul class="login_details1">
							  <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">上次登录：5天前</font></font></li>
							</ul>
							<p class="description"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">30年，5 Ft 7 In / 170 Cms | </font></font><span class="m_1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Reliogion</font></font></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">：印度教| </font></font><span class="m_1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">教育程度</font></font></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">：B.Tech | </font></font><span class="m_1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">职业</font></font></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">：Software Professional </font></font><br><a href="view_profile.html" class="read-more"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">查看完整个人资料</font></font></a></p>
						</div>
						<div class="clearfix"> </div>
					   </div>
					   <div class="thumb_bottom">
					   	  <div class="thumb"><a href="view_profile.html" class="photo_view"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">添加照片</font></font></a></div>
					   	   <div class="thumb_but"><a href="view_profile.html" class="photo_view"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">发邮件</font></font></a></div>
					   	  <div class="clearfix"> </div>
					   </div>
					  </div>
					  <div class="jobs-item with-thumb">
	                   <div class="thumb_top">
				        <div class="thumb"><a href="view_profile.html"><img src="images/p14.jpg" class="img-responsive" alt=""></a></div>
					    <div class="jobs_right">
							<h6 class="title"><a href="view_profile.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">洛雷姆（2547189）</font></font></a></h6>
							<ul class="top-btns">
							  <li><a href="#" class="fa fa-facebook"></a></li>
							  <li><a href="#" class="fa fa-twitter"></a></li>
							  <li><a href="#" class="fa fa-google-plus"></a></li>
							</ul>
							<ul class="login_details1">
							  <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">上次登录：5天前</font></font></li>
							</ul>
							<p class="description"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">30年，5 Ft 7 In / 170 Cms | </font></font><span class="m_1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Reliogion</font></font></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">：印度教| </font></font><span class="m_1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">教育程度</font></font></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">：B.Tech | </font></font><span class="m_1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">职业</font></font></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">：Software Professional </font></font><br><a href="view_profile.html" class="read-more"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">查看完整个人资料</font></font></a></p>
						</div>
						<div class="clearfix"> </div>
					   </div>
					   <div class="thumb_bottom">
					   	  <div class="thumb"><a href="view_profile.html" class="photo_view"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">添加照片</font></font></a></div>
					   	  <div class="thumb_but"><a href="view_profile.html" class="photo_view"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">发邮件</font></font></a></div>
					   	  <div class="clearfix"> </div>
					   </div>
					  </div>
					  <div class="jobs-item with-thumb">
	                   <div class="thumb_top">
				        <div class="thumb"><a href="view_profile.html"><img src="images/p13.jpg" class="img-responsive" alt=""></a></div>
					    <div class="jobs_right">
							<h6 class="title"><a href="view_profile.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">洛雷姆（2547189）</font></font></a></h6>
							<ul class="top-btns">
							  <li><a href="#" class="fa fa-facebook"></a></li>
							  <li><a href="#" class="fa fa-twitter"></a></li>
							  <li><a href="#" class="fa fa-google-plus"></a></li>
							</ul>
							<ul class="login_details1">
							  <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">上次登录：5天前</font></font></li>
							</ul>
							<p class="description"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">30年，5 Ft 7 In / 170 Cms | </font></font><span class="m_1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Reliogion</font></font></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">：印度教| </font></font><span class="m_1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">教育程度</font></font></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">：B.Tech | </font></font><span class="m_1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">职业</font></font></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">：Software Professional </font></font><br><a href="view_profile.html" class="read-more"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">查看完整个人资料</font></font></a></p>
						</div>
						<div class="clearfix"> </div>
					   </div>
					   <div class="thumb_bottom">
					   	  <div class="thumb"><a href="view_profile.html" class="photo_view"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">添加照片</font></font></a></div>
					   	   <div class="thumb_but"><a href="view_profile.html" class="photo_view"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">发邮件</font></font></a></div>
					   	  <div class="clearfix"> </div>
					   </div>
					  </div>
					  <div class="jobs-item with-thumb">
	                   <div class="thumb_top">
				        <div class="thumb"><a href="view_profile.html"><img src="images/s3.jpg" class="img-responsive" alt=""></a></div>
					    <div class="jobs_right">
							<h6 class="title"><a href="view_profile.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">洛雷姆（2547189）</font></font></a></h6>
							<ul class="top-btns">
							  <li><a href="#" class="fa fa-facebook"></a></li>
							  <li><a href="#" class="fa fa-twitter"></a></li>
							  <li><a href="#" class="fa fa-google-plus"></a></li>
							</ul>
							<ul class="login_details1">
							  <li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">上次登录：5天前</font></font></li>
							</ul>
							<p class="description"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">30年，5 Ft 7 In / 170 Cms | </font></font><span class="m_1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Reliogion</font></font></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">：印度教| </font></font><span class="m_1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">教育程度</font></font></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">：B.Tech | </font></font><span class="m_1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">职业</font></font></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">：Software Professional </font></font><br><a href="view_profile.html" class="read-more"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">查看完整个人资料</font></font></a></p>
						</div>
						<div class="clearfix"> </div>
					   </div>
					   <div class="thumb_bottom">
					   	  <div class="thumb"><a href="view_profile.html" class="photo_view"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">添加照片</font></font></a></div>
					   	   <div class="thumb_but"><a href="view_profile.html" class="photo_view"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">发邮件</font></font></a></div>
					   	  <div class="clearfix"> </div>
					   </div>
					  </div>
				  </div>
				  <div role="tabpanel" class="tab-pane fade" id="profile" aria-labelledby="profile-tab">
				    <div class="jobs-item with-thumb">
	                   <div class="thumb_top">
				        <div class="thumb"><a href="view_profile.html"><img src="images/s3.jpg" class="img-responsive" alt=""></a></div>
					    <div class="jobs_right">
							<h6 class="title"><a href="view_profile.html">Lorem (2547189)</a></h6>
							<ul class="top-btns">
							  <li><a href="#" class="fa fa-facebook"></a></li>
							  <li><a href="#" class="fa fa-twitter"></a></li>
							  <li><a href="#" class="fa fa-google-plus"></a></li>
							</ul>
							<ul class="login_details1">
							  <li>Last Login : 5 days ago</li>
							</ul>
							<p class="description">30 years, 5 Ft 7 In / 170 Cms | <span class="m_1">Reliogion</span> : Hindu | <span class="m_1">Education</span> : B.Tech | <span class="m_1">Occupation</span> : Software Professional<br><a href="view_profile.html" class="read-more">view full profile</a></p>
						</div>
						<div class="clearfix"> </div>
					   </div>
					   <div class="thumb_bottom">
					   	  <div class="thumb"><a href="view_profile.html" class="photo_view">Add Photo</a></div>
					   	   <div class="thumb_but"><a href="view_profile.html" class="photo_view">Send Mail</a></div>
					   	  <div class="clearfix"> </div>
					   </div>
					</div>
					<div class="jobs-item with-thumb">
	                   <div class="thumb_top">
				        <div class="thumb"><a href="view_profile.html"><img src="images/s3.jpg" class="img-responsive" alt=""></a></div>
					    <div class="jobs_right">
							<h6 class="title"><a href="view_profile.html">Lorem (2547189)</a></h6>
							<ul class="top-btns">
							  <li><a href="#" class="fa fa-facebook"></a></li>
							  <li><a href="#" class="fa fa-twitter"></a></li>
							  <li><a href="#" class="fa fa-google-plus"></a></li>
							</ul>
							<ul class="login_details1">
							  <li>Last Login : 5 days ago</li>
							</ul>
							<p class="description">30 years, 5 Ft 7 In / 170 Cms | <span class="m_1">Reliogion</span> : Hindu | <span class="m_1">Education</span> : B.Tech | <span class="m_1">Occupation</span> : Software Professional<br><a href="view_profile.html" class="read-more">view full profile</a></p>
						</div>
						<div class="clearfix"> </div>
					   </div>
					   <div class="thumb_bottom">
					   	  <div class="thumb"><a href="view_profile.html" class="photo_view">Add Photo</a></div>
					   	   <div class="thumb_but"><a href="view_profile.html" class="photo_view">Send Mail</a></div>
					   	  <div class="clearfix"> </div>
					   </div>
					  </div>
					  <div class="jobs-item with-thumb">
	                   <div class="thumb_top">
				        <div class="thumb"><a href="view_profile.html"><img src="images/s3.jpg" class="img-responsive" alt=""></a></div>
					    <div class="jobs_right">
							<h6 class="title"><a href="view_profile.html">Lorem (2547189)</a></h6>
							<ul class="top-btns">
							  <li><a href="#" class="fa fa-facebook"></a></li>
							  <li><a href="#" class="fa fa-twitter"></a></li>
							  <li><a href="#" class="fa fa-google-plus"></a></li>
							</ul>
							<ul class="login_details1">
							  <li>Last Login : 5 days ago</li>
							</ul>
							<p class="description">30 years, 5 Ft 7 In / 170 Cms | <span class="m_1">Reliogion</span> : Hindu | <span class="m_1">Education</span> : B.Tech | <span class="m_1">Occupation</span> : Software Professional<br><a href="view_profile.html" class="read-more">view full profile</a></p>
						</div>
						<div class="clearfix"> </div>
					   </div>
					   <div class="thumb_bottom">
					   	  <div class="thumb"><a href="view_profile.html" class="photo_view">Add Photo</a></div>
					   	   <div class="thumb_but"><a href="view_profile.html" class="photo_view">Send Mail</a></div>
					   	  <div class="clearfix"> </div>
					   </div>
					  </div>
				 </div>
				 <div role="tabpanel" class="tab-pane fade" id="profile1" aria-labelledby="profile-tab">
				    <div class="terms">
            		  <h2>Your Privacy Settings</h2>
					   <div class="terms_top">
						<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</p>
						<ol class="terms_list">
							<li>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum".</li>
							<li>Lusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati.</li>
							<li>Praesentium voluptatum deleniti atque corrupti quos</li>
							<li>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi.</li>
							<li>Mentum eleifend enim a feugiat distinctio lor</li>
						</ol>
						<h4>There are many variations of passages</h4>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non libero magna. Sed et quam lacus. Fusce condimentum eleifend enim a feugiat. Pellentesque viverra vehicula sem ut volutpat. Integer sed arcu. At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non <a href="#">libero consectetur adipiscing</a> elit magna. Sed et quam lacus. Fusce condimentum eleifend enim a feugiat. Pellentesque viverra vehicula sem ut volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non libero magna. Sed et quam lacus. Fusce condimentum eleifend enim a feugiat.</p>
						<p><strong>Iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non sit amet, consectetur adipiscing elit. Ut adipiscing elit magna. Sed et quam lacus. Fusce condimentum eleifend enim a feugiat. Pellentesque lorem ipsum dolor sit amet. Ut non libero magna. Sed et quam lacus. Fusce condimentum eleifend enim a feugiat <a href="#">consectetur adipiscing elit</a>.</strong></p>
					  </div>
		           </div>
				 </div>
				 <div role="tabpanel" class="tab-pane fade" id="profile2" aria-labelledby="profile-tab">
				    <div class="jobs-item with-thumb">
	                   <div class="thumb_top">
				        <div class="thumb"><a href="view_profile.html"><img src="images/s3.jpg" class="img-responsive" alt=""></a></div>
					    <div class="jobs_right">
							<h6 class="title"><a href="view_profile.html">Lorem (2547189)</a></h6>
							<ul class="top-btns">
							  <li><a href="#" class="fa fa-facebook"></a></li>
							  <li><a href="#" class="fa fa-twitter"></a></li>
							  <li><a href="#" class="fa fa-google-plus"></a></li>
							</ul>
							<ul class="login_details1">
							  <li>Last Login : 5 days ago</li>
							</ul>
							<p class="description">30 years, 5 Ft 7 In / 170 Cms | <span class="m_1">Reliogion</span> : Hindu | <span class="m_1">Education</span> : B.Tech | <span class="m_1">Occupation</span> : Software Professional<br><a href="view_profile.html" class="read-more">view full profile</a></p>
						</div>
						<div class="clearfix"> </div>
					   </div>
					   <div class="thumb_bottom">
					   	  <div class="thumb"><a href="view_profile.html" class="photo_view">Add Photo</a></div>
					   	   <div class="thumb_but"><a href="view_profile.html" class="photo_view">Send Mail</a></div>
					   	  <div class="clearfix"> </div>
					   </div>
					  </div>
					  <div class="jobs-item with-thumb">
	                   <div class="thumb_top">
				        <div class="thumb"><a href="view_profile.html"><img src="images/s3.jpg" class="img-responsive" alt=""></a></div>
					    <div class="jobs_right">
							<h6 class="title"><a href="view_profile.html">Lorem (2547189)</a></h6>
							<ul class="top-btns">
							  <li><a href="#" class="fa fa-facebook"></a></li>
							  <li><a href="#" class="fa fa-twitter"></a></li>
							  <li><a href="#" class="fa fa-google-plus"></a></li>
							</ul>
							<ul class="login_details1">
							  <li>Last Login : 5 days ago</li>
							</ul>
							<p class="description">30 years, 5 Ft 7 In / 170 Cms | <span class="m_1">Reliogion</span> : Hindu | <span class="m_1">Education</span> : B.Tech | <span class="m_1">Occupation</span> : Software Professional<br><a href="view_profile.html" class="read-more">view full profile</a></p>
						</div>
						<div class="clearfix"> </div>
					   </div>
					   <div class="thumb_bottom">
					   	  <div class="thumb"><a href="view_profile.html" class="photo_view">Add Photo</a></div>
					   	   <div class="thumb_but"><a href="view_profile.html" class="photo_view">Send Mail</a></div>
					   	  <div class="clearfix"> </div>
					   </div>
					  </div>
					  <div class="jobs-item with-thumb">
	                   <div class="thumb_top">
				        <div class="thumb"><a href="view_profile.html"><img src="images/s3.jpg" class="img-responsive" alt=""></a></div>
					    <div class="jobs_right">
							<h6 class="title"><a href="view_profile.html">Lorem (2547189)</a></h6>
							<ul class="top-btns">
							  <li><a href="#" class="fa fa-facebook"></a></li>
							  <li><a href="#" class="fa fa-twitter"></a></li>
							  <li><a href="#" class="fa fa-google-plus"></a></li>
							</ul>
							<ul class="login_details1">
							  <li>Last Login : 5 days ago</li>
							</ul>
							<p class="description">30 years, 5 Ft 7 In / 170 Cms | <span class="m_1">Reliogion</span> : Hindu | <span class="m_1">Education</span> : B.Tech | <span class="m_1">Occupation</span> : Software Professional<br><a href="view_profile.html" class="read-more">view full profile</a></p>
						</div>
						<div class="clearfix"> </div>
					   </div>
					   <div class="thumb_bottom">
					   	  <div class="thumb"><a href="view_profile.html" class="photo_view">Add Photo</a></div>
					   	   <div class="thumb_but"><a href="view_profile.html" class="photo_view">Send Mail</a></div>
					   	  <div class="clearfix"> </div>
					   </div>
					  </div>
					  <div class="jobs-item with-thumb">
	                   <div class="thumb_top">
				        <div class="thumb"><a href="view_profile.html"><img src="images/s3.jpg" class="img-responsive" alt=""></a></div>
					    <div class="jobs_right">
							<h6 class="title"><a href="view_profile.html">Lorem (2547189)</a></h6>
							<ul class="top-btns">
							  <li><a href="#" class="fa fa-facebook"></a></li>
							  <li><a href="#" class="fa fa-twitter"></a></li>
							  <li><a href="#" class="fa fa-google-plus"></a></li>
							</ul>
							<ul class="login_details1">
							  <li>Last Login : 5 days ago</li>
							</ul>
							<p class="description">30 years, 5 Ft 7 In / 170 Cms | <span class="m_1">Reliogion</span> : Hindu | <span class="m_1">Education</span> : B.Tech | <span class="m_1">Occupation</span> : Software Professional<br><a href="view_profile.html" class="read-more">view full profile</a></p>
						</div>
						<div class="clearfix"> </div>
					   </div>
					   <div class="thumb_bottom">
					   	  <div class="thumb"><a href="view_profile.html" class="photo_view">Add Photo</a></div>
					   	   <div class="thumb_but"><a href="view_profile.html" class="photo_view">Send Mail</a></div>
					   	  <div class="clearfix"> </div>
					   </div>
					  </div>
				 </div>
				 <div role="tabpanel" class="tab-pane fade" id="profile3" aria-labelledby="profile-tab">
				    <div class="terms">
            		  <h2>Your Privacy Settings</h2>
					   <div class="terms_top">
						<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</p>
						<ol class="terms_list">
							<li>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum".</li>
							<li>Lusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati.</li>
							<li>Praesentium voluptatum deleniti atque corrupti quos</li>
							<li>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi.</li>
							<li>Mentum eleifend enim a feugiat distinctio lor</li>
						</ol>
						<h4>There are many variations of passages</h4>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non libero magna. Sed et quam lacus. Fusce condimentum eleifend enim a feugiat. Pellentesque viverra vehicula sem ut volutpat. Integer sed arcu. At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non <a href="#">libero consectetur adipiscing</a> elit magna. Sed et quam lacus. Fusce condimentum eleifend enim a feugiat. Pellentesque viverra vehicula sem ut volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non libero magna. Sed et quam lacus. Fusce condimentum eleifend enim a feugiat.</p>
						<p><strong>Iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non sit amet, consectetur adipiscing elit. Ut adipiscing elit magna. Sed et quam lacus. Fusce condimentum eleifend enim a feugiat. Pellentesque lorem ipsum dolor sit amet. Ut non libero magna. Sed et quam lacus. Fusce condimentum eleifend enim a feugiat <a href="#">consectetur adipiscing elit</a>.</strong></p>
					  </div>
		           </div>
				 </div>
				 <div role="tabpanel" class="tab-pane fade" id="profile4" aria-labelledby="profile-tab">
				    <div class="jobs-item with-thumb">
	                   <div class="thumb_top">
				        <div class="thumb"><a href="view_profile.html"><img src="images/s3.jpg" class="img-responsive" alt=""></a></div>
					    <div class="jobs_right">
							<h6 class="title"><a href="view_profile.html">Lorem (2547189)</a></h6>
							<ul class="top-btns">
							  <li><a href="#" class="fa fa-facebook"></a></li>
							  <li><a href="#" class="fa fa-twitter"></a></li>
							  <li><a href="#" class="fa fa-google-plus"></a></li>
							</ul>
							<ul class="login_details1">
							  <li>Last Login : 5 days ago</li>
							</ul>
							<p class="description">30 years, 5 Ft 7 In / 170 Cms | <span class="m_1">Reliogion</span> : Hindu | <span class="m_1">Education</span> : B.Tech | <span class="m_1">Occupation</span> : Software Professional<br><a href="view_profile.html" class="read-more">view full profile</a></p>
						</div>
						<div class="clearfix"> </div>
					   </div>
					   <div class="thumb_bottom">
					   	  <div class="thumb"><a href="view_profile.html" class="photo_view">Add Photo</a></div>
					   	   <div class="thumb_but"><a href="view_profile.html" class="photo_view">Send Mail</a></div>
					   	  <div class="clearfix"> </div>
					   </div>
					  </div>
					  <div class="jobs-item with-thumb">
	                   <div class="thumb_top">
				        <div class="thumb"><a href="view_profile.html"><img src="images/s3.jpg" class="img-responsive" alt=""></a></div>
					    <div class="jobs_right">
							<h6 class="title"><a href="view_profile.html">Lorem (2547189)</a></h6>
							<ul class="top-btns">
							  <li><a href="#" class="fa fa-facebook"></a></li>
							  <li><a href="#" class="fa fa-twitter"></a></li>
							  <li><a href="#" class="fa fa-google-plus"></a></li>
							</ul>
							<ul class="login_details1">
							  <li>Last Login : 5 days ago</li>
							</ul>
							<p class="description">30 years, 5 Ft 7 In / 170 Cms | <span class="m_1">Reliogion</span> : Hindu | <span class="m_1">Education</span> : B.Tech | <span class="m_1">Occupation</span> : Software Professional<br><a href="view_profile.html" class="read-more">view full profile</a></p>
						</div>
						<div class="clearfix"> </div>
					   </div>
					   <div class="thumb_bottom">
					   	  <div class="thumb"><a href="view_profile.html" class="photo_view">Add Photo</a></div>
					   	   <div class="thumb_but"><a href="view_profile.html" class="photo_view">Send Mail</a></div>
					   	  <div class="clearfix"> </div>
					   </div>
					  </div>
					  <div class="jobs-item with-thumb">
	                   <div class="thumb_top">
				        <div class="thumb"><a href="view_profile.html"><img src="images/s3.jpg" class="img-responsive" alt=""></a></div>
					    <div class="jobs_right">
							<h6 class="title"><a href="view_profile.html">Lorem (2547189)</a></h6>
							<ul class="top-btns">
							  <li><a href="#" class="fa fa-facebook"></a></li>
							  <li><a href="#" class="fa fa-twitter"></a></li>
							  <li><a href="#" class="fa fa-google-plus"></a></li>
							</ul>
							<ul class="login_details1">
							  <li>Last Login : 5 days ago</li>
							</ul>
							<p class="description">30 years, 5 Ft 7 In / 170 Cms | <span class="m_1">Reliogion</span> : Hindu | <span class="m_1">Education</span> : B.Tech | <span class="m_1">Occupation</span> : Software Professional<br><a href="view_profile.html" class="read-more">view full profile</a></p>
						</div>
						<div class="clearfix"> </div>
					   </div>
					   <div class="thumb_bottom">
					   	  <div class="thumb"><a href="view_profile.html" class="photo_view">Add Photo</a></div>
					   	   <div class="thumb_but"><a href="view_profile.html" class="photo_view">Send Mail</a></div>
					   	  <div class="clearfix"> </div>
					   </div>
					  </div>
					  <div class="jobs-item with-thumb">
	                   <div class="thumb_top">
				        <div class="thumb"><a href="view_profile.html"><img src="images/s3.jpg" class="img-responsive" alt=""></a></div>
					    <div class="jobs_right">
							<h6 class="title"><a href="view_profile.html">Lorem (2547189)</a></h6>
							<ul class="top-btns">
							  <li><a href="#" class="fa fa-facebook"></a></li>
							  <li><a href="#" class="fa fa-twitter"></a></li>
							  <li><a href="#" class="fa fa-google-plus"></a></li>
							</ul>
							<ul class="login_details1">
							  <li>Last Login : 5 days ago</li>
							</ul>
							<p class="description">30 years, 5 Ft 7 In / 170 Cms | <span class="m_1">Reliogion</span> : Hindu | <span class="m_1">Education</span> : B.Tech | <span class="m_1">Occupation</span> : Software Professional<br><a href="view_profile.html" class="read-more">view full profile</a></p>
						</div>
						<div class="clearfix"> </div>
					   </div>
					   <div class="thumb_bottom">
					   	  <div class="thumb"><a href="view_profile.html" class="photo_view">Add Photo</a></div>
					   	   <div class="thumb_but"><a href="view_profile.html" class="photo_view">Send Mail</a></div>
					   	  <div class="clearfix"> </div>
					   </div>
					  </div>
				 </div>
			 </div>
		  </div>
	   </div>
    </div>
   <div class="clearfix"> </div>
  </div>
</div>
      <!-- ============================  尾部 =========================== -->
     <Footer></Footer>



    </div>

</template>

<script>
  export default {
    name: "school",
    data() {
      return {};
    },
  };
</script>
